@babel/plugin-transform-modules-umd

What is @babel/plugin-transform-modules-umd?

The @babel/plugin-transform-modules-umd package is a Babel plugin that transforms ES2015 modules to UMD (Universal Module Definition) format. This allows the modules to be used in various environments, such as in the browser, Node.js, or AMD (Asynchronous Module Definition) environments. The plugin provides flexibility in module usage across different platforms by wrapping the code in a UMD wrapper.

What are @babel/plugin-transform-modules-umd's main functionalities?

Transform ES2015 modules to UMD

This feature allows developers to write their JavaScript modules using the modern ES2015 module syntax and then transform them into UMD format. The transformed code can be executed in various environments without modification. The code sample shows a simple module exporting a string, transformed into UMD format.

"use strict";\n\nObject.defineProperty(exports, "__esModule", {\n  value: true\n});\nexports.default = void 0;\n\nvar _default = 'Hello World';\n\nexports.default = _default;\nmodule.exports = exports["default"];

Other packages similar to @babel/plugin-transform-modules-umd

@babel/plugin-transform-modules-amd

Similar to @babel/plugin-transform-modules-umd, this package transforms ES2015 modules to AMD (Asynchronous Module Definition) format. While @babel/plugin-transform-modules-umd targets multiple environments, @babel/plugin-transform-modules-amd specifically targets AMD-compatible loaders.

@babel/plugin-transform-modules-commonjs

This package transforms ES2015 modules to CommonJS format, making them suitable for use in Node.js environments. It is similar to @babel/plugin-transform-modules-umd in that it deals with module transformation, but it focuses on CommonJS format instead of UMD.

@babel/plugin-transform-modules-systemjs

This Babel plugin transforms ES2015 modules to SystemJS format, a dynamic module loader that can load modules in multiple formats. It is similar to @babel/plugin-transform-modules-umd in its goal to make modules usable in different environments, but it specifically targets SystemJS-compatible environments.

README

@babel/plugin-transform-modules-umd

This plugin transforms ES2015 modules to UMD

See our website @babel/plugin-transform-modules-umd for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-modules-umd

or using yarn:

yarn add @babel/plugin-transform-modules-umd --dev

Changelog

v7.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)